﻿@import "./element-ui.css";

/* @font-face {
    font-family: blossim-icon;
    src: url(../font/iconfont.eot?v=240);
    src: url(../font/iconfont.eot?v=240#iefix) format("embedded-opentype"), url(../font/iconfont.svg?v=240#iconfont) format("svg"), url(../font/iconfont.woff?v=240) format("woff"), url(../font/iconfont.ttf?v=240) format("truetype");
} */


/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/

::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: #F5F5F5;
}


/*定义滚动条轨道 内阴影+圆角*/

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}


/*定义滑块 内阴影+圆角*/

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, .3);
    background-color: #dbdcdd;
}

.ellipsis,
.ellipsis *:not(.mouse-over-container) {
    /* //超出文字隐藏 */
    overflow: hidden !important;
    /* //当文本溢出，省略号代替 */
    text-overflow: ellipsis !important;
    /* //文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。 */
    white-space: nowrap !important;
}

.blossim-icon {
    font-family: blossim-icon !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    margin: 0;
    height: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}

footer {
    height: auto !important;
}

footer .parent-task-wrapper {
    margin: 10px;
    padding: 20px;
    background-color: rgba(64, 158, 255, 0.1);
    border-radius: 15px;
}

.bold {
    font-weight: bold;
}

.desc-para h4 {
    background-color: rgba(64, 158, 255, 0.1);
    padding: 15px;
    border-radius: 10px;
    box-shadow: 3px 3px 3px 0px #aaa;
}

.desc-para h4.child-task {
    background-color: rgba(230, 162, 60, 0.1);
}

.desc-para h4.child-task span.el-tag {
    background-color: rgba(230, 162, 60, 0.1);
    border-color: rgba(230, 162, 60, 0.2);
    color: #e6a23c;
}

.desc-para .task-log-para p {
    margin: 5px 0;
}

.el-tag {
    height: auto;
    white-space: normal;
    font-size: 14px;
}

.eltag .tooltip {
    display: none;
    /*top: 0;
            left: 0;*/
    overflow: auto;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 1px 1px 10px 0 #ccc;
    margin: 0px 0 0 10px;
    background: #fff;
    -webkit-transition: margin 0.5s ease-in-out;
    -moz-transition: margin 0.5s ease-in-out;
    position: absolute;
    z-index: 999;
}

fieldset {
    border: 1px solid #aaa;
    border-radius: 8px;
}

label {
    font-weight: 700;
}

html {
    margin: 0;
    height: 100%;
    box-sizing: border-box;
}

#app {
    height: 100%;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

.no-padding {
    padding: 0px !important;
}

.padding-content {
    padding: 4px 0;
}

a:focus,
a:active {
    outline: none;
}

a,
a:focus,
a:hover {
    cursor: pointer;
    color: inherit;
    text-decoration: none;
}

div:focus {
    outline: none;
}

.hidden {
    display: none;
}

div.el-table {
    overflow-x: auto !important;
    overflow: visible !important;
}

.table-header {
    border: 1px #eae0e0 solid;
    padding: 5px !important;
    border-radius: 3px;
}


/*
        树形结构菜单，横向滚动条
      */

.el-tree-node>.el-tree-node__children {
    overflow: initial !important;
}

.el-table__body td {
    padding: 6px 0;
}

.table-column-template-item span.listitem {
    display: inline-block;
    padding: 8px;
    margin-left: 0 !important;
}


/* view-table primary 详情表单样式 */

.view-table-primary {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #EBEEF5;
}

.view-table-primary tr th {
    padding: 8px;
    background: #f9f9f9;
    color: #17233d;
    font-weight: 500;
    border-bottom: 1px solid #EBEEF5;
    border-right: 1px solid #EBEEF5;
    text-align: right;
}

.view-table-primary tr td {
    padding: 8px;
    border-bottom: 1px solid #EBEEF5;
    border-right: 1px solid #EBEEF5;
}

.view-table-primary tr th[span="1"],
.view-table-primary tr td[span="1"] {
    width: 4.16%;
}

.view-table-primary tr th[span="2"],
.view-table-primary tr td[span="2"] {
    width: 8.33%;
}

.view-table-primary tr th[span="3"],
.view-table-primary tr td[span="3"] {
    width: 12.5%;
}

.view-table-primary tr th[span="4"],
.view-table-primary tr td[span="4"] {
    width: 16.66%;
}

.view-table-primary tr th[span="5"],
.view-table-primary tr td[span="5"] {
    width: 20.83%;
}

.view-table-primary tr th[span="6"],
.view-table-primary tr td[span="6"] {
    width: 25%;
}

.view-table-primary tr th[span="7"],
.view-table-primary tr td[span="7"] {
    width: 29.16%;
}

.view-table-primary tr th[span="8"],
.view-table-primary tr td[span="8"] {
    width: 33.33%;
}

.view-table-primary tr th[span="9"],
.view-table-primary tr td[span="9"] {
    width: 37.5%;
}

.view-table-primary tr th[span="10"],
.view-table-primary tr td[span="10"] {
    width: 41.66%;
}

.view-table-primary tr th[span="11"],
.view-table-primary tr td[span="11"] {
    width: 45.83%;
}

.view-table-primary tr th[span="12"],
.view-table-primary tr td[span="12"] {
    width: 50%;
}

.view-table-primary tr th[span="24"],
.view-table-primary tr td[span="24"] {
    width: 100%;
}